

<div class="points-multicolumn">
    <div class="page-width">
      {%- if section.settings.title != blank -%}  
      <h2 class="title center">
          {{ section.settings.title | escape }}
        </h2>
      {%- endif -%}
      {%- if section.settings.text != blank -%}
      <div class="rte center">{{ section.settings.text }}</div>
     {%- endif -%}
  
    {%- if section.settings.rule != blank -%}
     <div class="rule center"> <span>{{ section.settings.rule | escape }}</span> </div>
    {%- endif -%}
  
   <ul class="points-rule grid grid--3-col">
      {%- for block in section.blocks -%}
      <li class="rule_li grid__item" {{ block.shopify_attributes }}>
          <div class="info-text">
              {%- if block.settings.header != blank -%}
              <h3>{{ block.settings.header | escape }}</h3>
            {%- endif -%}
            {%- if block.settings.text != blank -%}
              <div class="rte">{{ block.settings.text }}</div>
            {%- endif -%}
          </div>
      </li>
    {%- endfor -%}
   </ul>
  
    </div>
  </div>
  
  
  {% schema %}
  {
    "name": "Points multicolumn",
    "class": "spaced-section spaced-section--full-width",
    "tag": "section",
    "settings": [
      {
        "type": "text",
        "id": "title",
        "default": "Multicolumn",
        "label": "t:sections.multicolumn.settings.title.label"
      },
      {
          "type": "richtext",
          "id": "text",
          "label": "Text"
        },
        {
          "type": "text",
          "id": "rule",
          "label": "Rule"
        }
    ],
    "blocks": [
    {
      "type": "column",
      "name": "column",
      "settings": [
      {
          "type": "text",
          "id": "header",
          "default": "Column",
          "label": "t:sections.multicolumn.blocks.column.settings.title.label"
        },
        {
          "type": "richtext",
          "id": "text",
          "default": "<p>Pair text with an image to focus on your chosen product, collection, or blog post. Add details on availability, style, or even provide a review.</p>",
          "label": "t:sections.multicolumn.blocks.column.settings.text.label"
        }
      ]
    }
    ],
    "presets": [
      {
        "name": "Points multicolumn",
        "blocks": [
          {
            "type": "column"
          },
          {
            "type": "column"
          },
          {
            "type": "column"
          }
        ]
      }
    ]
  }
  {% endschema %}
  